<template>
  <div class="py-2 w-[80%] mx-auto" id="div-1">
    <a-row class="w-full" gutter="20" id="a-row-1">
      <a-col class="flex-1 w-full" id="a-col-1">
        <a-flex vertical gap="10" id="a-flex-1">
          <a-typegraphy-paragraph class="bg-[#E6E5CC] text-[#736974] rounded-[4px] pb-4" id="a-typegraphy-paragraph-7">
            <a-typegraphy-text class="block p-4 border-b-[#ccc] text-[18px] border-0 border-b-[1px] border-solid" id="a-typegraphy-text-4"
              >诗句大全</a-typegraphy-text
            >
            <a-typography-link href="#" id="a-typography-link-1">
              <a-typegraphy-text
                v-for="(item, index) in list3"
                :key="index"
                :id="`a-typography-text-5-${index}`"
                class="block mx-4 pt-6 pb-4 !text-[#736974] border-b-[#999] border-0 border-b-[1px] border-dashed overflow-hidden text-ellipsis whitespace-nowrap"
                >{{ item.title }}</a-typegraphy-text
              >
            </a-typography-link>
          </a-typegraphy-paragraph>
        </a-flex>
      </a-col>
      <a-col :span="8" id="a-col-2" />
    </a-row>
    <a-row class="w-full pt-4" id="a-row-2">
      <a-typegraphy-paragraph class="bg-[#E6E5CC] p-2 text-[#736974] w-full">友情链接</a-typegraphy-paragraph>
    </a-row>
  </div>
</template>

<script setup>
  const list3 = [
    { title: '诗句:何况螺丸风曰碎，涂鸦将用土炭充----赵翼----《晰斋以大理松烟制墨见赠赋谢》' },
    { title: '诗句:大漠孤烟直，长河落日圆----王维----《使至塞上》' },
    { title: '诗句:会当凌绝顶，一览众山小----杜甫----《望岳》' },
    { title: '诗句:抽刀断水水更流，举杯消愁愁更愁----李白----《宣州谢朓楼饯别校书叔云》' },
    { title: '诗句:春蚕到死丝方尽，蜡炬成灰泪始干----李商隐----《无题》' },
    { title: '诗句:海内存知己，天涯若比邻----王勃----《送杜少府之任蜀州》' },
    { title: '诗句:醉后不知天在水，满船清梦压星河----唐珙----《题龙阳县青草湖》' },
    { title: '诗句:人生自古谁无死，留取丹心照汗青----文天祥----《过零丁洋》' },
    { title: '诗句:落霞与孤鹜齐飞，秋水共长天一色----王勃----《滕王阁序》' },
    { title: '诗句:同是天涯沦落人，相逢何必曾相识----白居易----《琵琶行》' },
    { title: '诗句:纸上得来终觉浅，绝知此事要躬行----陆游----《冬夜读书示子聿》' },
  ];
</script>
<style scoped></style>
